<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../../js/vue.min.js"></script>
	</head>
	<body>
		<!--
		我们1.3通过键盘ascii码来阻止执行,这样相对比较麻烦. Vue 为我们提供了允许 在监听键盘事件时添加按键修饰符.
		
		
		.enter  // 表示键盘的enter键
		.tab
		.delete (捕获 "删除" 和 "退格" 键)
		.esc
		.space
		.up
		.down
		.left
		.right
		.ctrl
		.alt
		.shift
		.meta
		【需求】：在输入框中，如果输入回车键，就执行弹出窗口事件（可用于网页登录）。
		-->
		<div id="app">
		    <input type="text" @keydown.enter="fun01"/>
		</div>
		​
		<script>
		    new Vue({
		        el: '#app',
		        data: {},
		        methods: {
		            fun01:function () {
		                alert('点击了enter');
						window.location="http://www.baidu.com";
		            }
		        }
		    });
		</script>
	</body>
</html>
